<!doctype html>
<html lang="en" ng-app="test">
<head>
	<meta charset="UTF-8" />
	<title>slimScroll</title>
	<link rel="stylesheet" type="text/css" href="bootstrap-3.3.5/css/bootstrap.min.css"/>
	<!--<link rel="stylesheet" type="text/css" href="css/themes/style1/orange-blue.css"/>-->
	
	<script src="jquery-3.1.0.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="bootstrap-3.3.5/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="bootstrap-hover-dropdown/bootstrap-hover-dropdown.js" type="text/javascript" charset="utf-8"></script>
	<script src="slimScroll/jquery.slimscroll.js" type="text/javascript" charset="utf-8"></script>
	
	<script src="angular-1.5.8/angular.js" type="text/javascript" charset="utf-8"></script>
	<script src="angular-plugins/angular-ui-router.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="app/app.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
	
	<div ss></div>
	<ui-view></ui-view>
	
	<div class="dropdown">
	  <button class="btn btn-default dropdown-toggle" 
	  	type="button" id="dropdownMenu1" data-toggle="dropdown" data-hover="dropdown">
	    Angular-slimscroll
	    <span class="caret"></span>
	  </button>
	  <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
	    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Action</a></li>
	    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Another action</a></li>
	    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Something else here</a></li>
	    <li role="presentation"><a role="menuitem" tabindex="-1" href="#">Separated link</a></li>
	  </ul>
	</div>

</body>
</html>